@import 'vars';
@import 'mixins';

/*
	Landed by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

$size-wrapper-pad-tb: 4.5em;
$size-wrapper-pad-lr: 2.5em;

/* Basic */

	body, input, select, textarea {
		font-size: 11.5pt;
	}

/* Spotlight */

	.spotlight {
		&.top {
			.content {
				padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 0.85) - $size-element-margin) 0;
			}
		}

		&.bottom {
			.content {
				padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 1.1) - $size-element-margin) 0;
			}
		}

		&.left, &.right {
			.content {
				padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
				width: 25em;
			}
		}
	}

/* Wrapper */

	.wrapper {
		padding: $size-wrapper-pad-tb 0 ($size-wrapper-pad-tb - $size-element-margin) 0;
	}

/* Dropotron */

	.dropotron {
		&.level-0 {
			font-size: 1em;
		}
	}

/* Banner */

	#banner {
		.content {
			padding: $size-wrapper-pad-tb;
		}
	}

/* Footer */

	#footer {
		padding: $size-wrapper-pad-tb 0;
	}